<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>node.js|北煜的bug博客</title>
    <link rel="stylesheet" href="../css/dispose.css">
    <link rel="stylesheet" href="../css/practical.css">
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>
    <!-- 导航 -->
    <div class="top-navigation">
        <div class="top-left">
            <a href="../index.html"><img src="../images/logo.png" alt="北煜的bug博客">
                <p>北煜的bug博客</p>
            </a>
        </div>
        <div class="top-right">
            <ul>
                <li class="nav-item"><a href="other.html">其他</a></li>
                <li class="nav-item"><a href="vue.html">vue</a></li>
                <li class="nav-item current-page"><a href="nodejs.html">node.js</a></li>
                <li class="nav-item"><a href="js.html">JavaScript</a></li>
                <li class="nav-item "><a href="h5css3.html">H5+CSS3</a></li>
                <li class="nav-item"><a href="practical.html">实用网站</a></li>
            </ul>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="col">
            <h2>Open <b>one</b></h2>
            <div class="tabs">
                <div class="tab">
                    <input type="radio" id="rd1" name="rd">
                    <label class="tab-label" for="rd1">Item 1</label>
                    <div class="tab-content"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos, facilis. </div>
                </div>
                <div class="tab">
                    <input type="radio" id="rd2" name="rd">
                    <label class="tab-label" for="rd2">Item 2</label>
                    <div class="tab-content"> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil, aut. </div>
                </div>
                <div class="tab">
                    <input type="radio" id="rd3" name="rd">
                    <label for="rd3" class="tab-close">Close others &times;</label>
                </div>
            </div>
        </div>
        <div class="main-content">
            <div class="content">
                <h1 class="tit" id="_有趣的网站">有趣的网站</h1>
                <ul>
                    <li>
                        <a href="https://www.code-nav.cn/">
                            <h1>编程导航</h1>
                            <p>是一个众多语言的资源库，前端、后端、算法等各种资源</p>
                            <img src="../images/practical/bcdh.png" alt="">
                        </a>
                    </li>
                    <li class="content-li">
                        <a href="https://developer.mozilla.org/zh-CN/">
                            <h1>补充-MDN</h1>
                            <p>编程类资源，可以直接搜索代码的用法</p>
                            <img src="../images/practical/mdn.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</body>


</html>